<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        textarea{
            /* 去除textarea 拉伸效果 */
            resize: none;
        }
    </style>
</head>
<body>
    <form action="./test.html" name="test" method="GET" >
            <!-- 下拉列表 -->
        <!-- size =显示框中的数量 -->
        <select name="myselect" id="my-select" size="1">
            <!-- value='一定要写，很重要' -->
            <option value="huolongguo" name="shuiguo">火龙果</option>
            <option value="pingguo" name="shuiguo">苹果</option>
            <!-- selected 默认显示的列表项 -->
            <option value="xiangjiao" name="shuiguo" selected>香蕉</option>
        </select>

        <!-- <input type="text" size="100"> -->

        <!-- 文本域  cols / rows 代表的是  列/行 单位是字符 -->
        <textarea name="mytextarea" id="my-textarea" cols="30" rows="10" ></textarea>

        <input type="submit">
    </form>
</body>
</html>